<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>首页</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/gome.css">
	<!--[if lt IE 9]>
      <script src="./js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body class='body_index'>
	<div class='mainHeader'>
		<header class='wrapper'>
			<div class="mainHeader_divL">
				<a href="javascript:void(0)">国美手机官网</a>
				<a href="javascript:void(0)">国美手机商城</a>
				<a href="javascript:void(0)">专卖店</a>
				<a href="javascript:void(0)">服务</a>
				<a href="javascript:void(0)">社区</a>
			</div>
			<div class="mainHeader_divR">
				<a href="javascript:void(0)">我的订单</a>
				<a href="javascript:void(0)">注册</a>
				<a class="last" href="javascript:void(0)">登录</a>
			</div>
		</header>	
	</div>

	<header class='mainSearch bgWhite borderBottom_main'>
		<div class="wrapper clearfix relative">
			<div class="mainSearch_sectionL clearfix">
				<img class='mainSearch_img' src="./img/logo.png" alt="logo">
				<a href="#2">社区首页</a>
				<a class="mainSearch_class_a" href="#2" onmouseover="sss();" onmouseout="bbb()">社区板块
					<ul class="mainSearch_class hide">
						<li class="mainSearch_class_li">
							<p>产品板块</p>
							<ul class="mainSearch_class_li_ul clearfix">
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
							</ul>
							<p class="borderBottom_main"></p>
						</li>
						<li class="mainSearch_class_li">
							<p>产品板块</p>
							<ul class="mainSearch_class_li_ul clearfix">
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
							</ul>
							<p class="borderBottom_main"></p>
						</li>
						<li class="mainSearch_class_li">
							<p>产品板块</p>
							<ul class="mainSearch_class_li_ul clearfix last">
								<li>国美手机1</li>
								<li>国美手机1</li>
								<li>国美手机1</li>
							</ul>
						</li>
					</ul>
				</a>
				<a href="#2">个人中心</a>
			</div>
			<div class="mainSearch_sectionR">
				<input type="text" placeholder='请输入搜索内容'>
			</div>
			
		</div>
	</header>

	<div class="mainBanner wrapper">
    	<div id="js-mainBanner_imgBox" class="mainBanner_imgBox">
        	<img src="./img/temp/banner1.jpg" width="960" height="380" />
            <img src="./img/temp/banner2.jpg" width="960" height="380" />
            <img src="./img/temp/banner3.jpg" width="960" height="380" />
        </div>
        <p id="js-mainBanner_page" class="mainBanner_page">
            <span class="se">1</span>
            <span>2</span>
            <span>3</span>
        </p>
    </div>

    <div class="indexContent wrapper clearfix">
    	<div class="indexContentL left">
    		<div class="indexBestInfo clearfix">
				<h2 class="indexH2">精品资讯</h2>
				<ul class="indexBestInfo_ul">
					<li class="indexBestInfo_li">
						<img class="left indexBestInfo_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexBestInfo_li_R">
							<div class="left indexBestInfo_li_R_top">
								<h3>LifeCare · 与妹纸逛街的技巧</h3>
								<span class='class'>国美资讯</span>
								<span>|</span>
								<span>2016-7-7 12:12:21</span>
								<span>|</span>
								<span class='view'>2516</span>
								<span>|</span>
								<span class='comment'>22</span>
							</div>	
							<div class="indexBestInfo_li_R_bottom">
								<span>不管你是爱美的软妹纸，还是在寻找女票的单身汪，这个帖子都不容错过！一起来学习最实用的街拍技巧。</span>
								<a class="red" href="#2">阅读全文</a>
							</div>	
						</div>
					<p class="clear"></p>
					</li>
					<p class="clear borderBottom_main"></p>

					<li class="indexBestInfo_li">
						<img class="left indexBestInfo_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexBestInfo_li_R">
							<div class="left indexBestInfo_li_R_top">
								<h3>创意手机配件大集合</h3>
								<span class='class'>国美资讯</span>
								<span>|</span>
								<span>2016-7-7 12:12:21</span>
								<span>|</span>
								<span class='view'>2516</span>
								<span>|</span>
								<span class='comment'>22</span>
							</div>	
							<div class="indexBestInfo_li_R_bottom">
								<span>在这个信息过载的年代，我们手机上充斥着各种纷杂的信息来源，获取信息变得容易，也因此常常会眼花缭乱。锤子阅读则是这个年代几英寸小屏幕上不多见的一款简约、纯净的阅读软件.</span>
								<a class="red" href="#2">阅读全文</a>
							</div>	
						</div>
					<p class="clear"></p>
					</li>
				</ul>	
    		</div>
    		<div class="indexHot">
				<h2 class="indexH2">社区热帖
					<a class="indexHot_viewMore" href="#2">查看更多 ></a>	
				</h2>
				<ul class="indexHot_ul">
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">我选择国美手机的 N+1 个理由我选择国美手机的N+1个理由我选择国美的的N+1个理由我选择国美的</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
					<li class="indexHot_li">
						<img class="left indexHot_li_img" src="./img/temp/eg1.jpg" alt="">
						<div class="indexHot_li_R">
							<div class="indexHot_li_R_top">应用商店无法更新软件的临时解决方法</div>
							<div class="indexHot_li_R_bottom">
								<div class="indexHot_li_R_bottom_left left">
									<span class='name'>嘿嘿哈</span>
									<span>|</span>
									<span>2016-07-22 22:42:50</span>
								</div>
								<div class="indexHot_li_R_bottom_left right">
									<span class='view'>2154</span>
									<span>|</span>
									<span class='comment'>66</span>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<a class="indexHot_viewMore_bottom" href="#2">查看更多 ></a>
    		</div>
    	</div>		
    	<div class="indexContentR right">
    		<div class="indexModuleList">
    			<h2 class="indexH2">板块列表</h2>
    			<ul class="indexModuleList_ul">
    				<ul class="indexModuleList_ul_ul">
    					<li>板块名称</li>
    					<li>板块名称</li>
    				</ul>
    				<ul class="indexModuleList_ul_ul">
    					<li>板块名称</li>
    					<li>板块名称</li>
    				</ul>
    				<ul class="indexModuleList_ul_ul">
    					<li>板块名称</li>
    					<li>板块名称</li>
    				</ul>
    				<ul class="indexModuleList_ul_ul">
    					<li>板块名称</li>
    					<li>板块名称</li>
    				</ul>
    				<ul class="indexModuleList_ul_ul last">
    					<li>板块名称</li>
    					<li>板块名称</li>
    				</ul>
    			</ul>	
    		</div>
    		<div class="indexSign">
    			<h2 class="indexH2">9月22日 星期三</h2>	
    			<ul class="indexSign_ul">
    				<li>已签到人数</li>
    				<li class='indexSign_ul_num'>888788</li>
    			</ul>
    			<button class="indexSign_btn">点击签到</button>	
    		</div>
    		<div class="indexAD">
    			<img src="./img/temp/banner1.jpg" alt="">
    		</div>
    		<div class="indexActiveMember">
    			<h2 class="indexH2">活跃会员</h2>
    			<ul class="indexActMemb_ul clearfix">
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>nothing</p>
    				</li>
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>nothing</p>
    				</li>
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>nothing</p>
    				</li>
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>nothing</p>
    				</li>
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>今天明天后天会更好</p>
    				</li>
    				<li>
    					<img src="./img/temp/banner1.jpg" alt="">
    					<p>nothing</p>
    				</li>
    			</ul>	
    		</div>
    		<div class="indexQRcode">
    			<h2 class="indexH2">扫码下载客户端</h2>	
    			<img src="./img/temp/QR.jpg" alt="扫码下载客户端">
    			<p>手机打开扫一扫进行下载</p>
    		</div>
    	</div>		
    </div>
	




	<footer class='wrapper mainFooter'>
		<p class="mainFooter_p1">
			<a href="javascript:void(0)">关于国美</a>
			<a href="javascript:void(0)">法律声明</a>
			<a href="javascript:void(0)">工作机会</a>
			<a href="javascript:void(0)">联系我们</a>
		</p>
		<p class="mainFooter_p2">©2015 GOME Telecom Equipment Co., Ltd. All rights reserved.</p>
	</footer>	
</body>
</html>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src='js/placeholder.js'></script>
<script src='js/gome.js'></script>